<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>方向详情</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/main.css" />
    <link rel="stylesheet" type="text/css" href="../../css/myDevelop.css" />
</head>
<body>
  <div id="header">
      <div id="back"></div>
      <h3>方向详情</h3>
  </div>
  <div id="all">
    <div class="enList" id="enList">
      <div class="classDetail">
        <div class="title"></div>
        <div><span>开始日期：</span><span class="startTime"></span></div>
        <div><span>截止日期：</span><span class="endTime"></span></div>
        <div><span>负责人：</span><span class="teacherName"></span><span>已选人数：</span><span class="chooseTotal"></span></div>
      </div>
      <div class="tabs">
        <span class="active">方向介绍</span>
        <span>安排与说明书</span>
        <span>方向选择与承诺书</span>
      </div>
      <div class="MyChoose active">
        <p class="commitment">
          <!-- 为了使软件2014级同学们了解本专业人才培养的顶层设计，为了引导同学们更好的投入即将到来的专业学习与实践，特对本学期及大三学年、大四学年中的理论课程、实践课程的安排做出有关说明与要求。<br>
          一、专业方向选择的安排<br>
          1.专业方向的设置<br>
          ●应用软件开发<br>
          ●数字媒体（界面工程）<br>
          2.了解方向基本情况的途径<br>
          咨询学长学姐（2005 级、2006 级、2007 级、2008 级、2009 级、2010 级、2011级、2012级、2013级）<br>
          在专业招聘网站，检索职位关键词，了解职位要求：拉钩网、前程无忧、智联招聘、中 华英才、广西人才网<br>
          咨询导师、班主任、任课教师等<br>
          3.专业方向选择<br>
          同学们在参加完毕实训中心安排的专业方向介绍后开始启动专业方向选择，请各位同学亲自与实训中心签订专业方向选择协议书。专业方向的选择，在 6 月 24日前完成。人数低于15 人的方向（不含15人），不予以开设。<br>
          特别提醒的是：方向选择需慎重，因为各方向之间的关联度比较低，学习内容差别较大。转方向的话<br>
          需要重修错过的所有课程和实训，代价比较大，可能会造成延迟毕业。（转方向的几个原则：等量置换、 优质合作单位优先、成绩优异者优先。）<br>
          4.项目实训（一）的安排<br>
          根据专业方向选择情况，实训中心在一个月内安排和落实开设的实践课程《项目实训（一）》， 该课程拟在 9 月初，即第 1 周、第 2 周、第 3 周、第 4 周开展。<br>
          按专业方向面向公众，公开展示和交流实训成果，展示方式包括：海报、PPT、演示、视频等。<br>
          二、人才培养方案的说明<br>
          下面对《软件工程2014级人才培养方案》教学进度安排表中， 涉及到的相关课程的安排进行说明。<br> -->
        </p>
      </div>
      <div class="MyChoose">
        <p>
          暂无说明书
        </p>
      </div>
      <div class="MyChoose">
        <div class="download">
          <button class="btn btn-red" onclick="toast('下载承诺书word电子档请访问大学了没门户，www.xxx.com','middle')">下载《承诺书》</button>
        </div>
      </div>
    </div>
  </div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/jquery.js"></script>
<script type="text/javascript">
apiready=function(){
  var flag=$api.getStorage('flag');
  var aid=$api.getStorage('aid');
  var jwt=$api.getStorage('jwt');
  var type=api.pageParam.type;
  var thisId=api.pageParam.thisId;
  var temp=document.createElement('div');
  api.ajax({
    url: 'http://47.104.170.122/v1/portal/training/student/direction/'+thisId+'?token='+jwt,
    method: 'GET',
    headers: {
      "Access-Control-Allow-Origin": "*",
      "Access-Control-Allow-Headers": "Authorization",
      "Content-Type" : 'application/json; charset=utf-8'
    }
  }, function(ret, err) {
    if(ret.code==0){
      var json=ret.data;
      $(".startTime").html(getLocalTime(json.startTime));
      $(".endTime").html(getLocalTime(json.endTime));
      $(".title").html(json.name);
      $(".teacherName").html(json.teacherName);
      $(".chooseTotal").html(json.chooseTotal);
      $(".commitment").html(json.introduction)
    }
  });
  if(type=='可以开始报名啦'){
    temp.innerHTML='立刻报名';
    temp.classList.add("tools","start");
    document.getElementById("enList").appendChild(temp);
  }else if(type=='报名未开始'){
    temp.innerHTML='报名未开始';
    temp.classList.add("tools","wait");
    document.getElementById("enList").appendChild(temp);
  }else if(type=='报名时间已截止'){
    temp.innerHTML='报名已截止';
    temp.classList.add("tools","end");
    document.getElementById("enList").appendChild(temp);
  }else if(type=='我已选的方向'){
    temp.innerHTML='我选择的方向';
    temp.classList.add("tools","choose");
    document.getElementById("enList").appendChild(temp);
  }
  $(".start,.start").click(function(){
    api.openWin({
  	    name: 'enroll',
  	    url: 'enroll.html',
        pageParam: {
            thisId:thisId
        }
  	});
  })
  $(".tabs span").on("touchstart",function(){
    $(this).addClass("active").siblings().removeClass("active");
    $(".MyChoose").eq($(this).index()).addClass("active").siblings().removeClass("active");
  })
}
//jquery
$(function(){
  back();
})
</script>
<script type="text/javascript" src="../../script/main.js"></script>
</html>
